<template>
  <a-form :form="modal.form" :label-col="{ span: 3 }" :wrapper-col="{ span: 16 }">
    <a-form-item label="所属保司">
      <a-select v-model="modal.form.companyId">
        <a-select-option v-for="item in companyList" :value="item.id">{{ item.name }}</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="险种类型">
      <a-select v-model="modal.form.productType">
        <a-select-option v-for="item in productTypeList" :value="item.value">{{ item.label }}</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="产品名称">
      <a-input v-model="modal.form.name" placeholder="请输入:产品名称" />
    </a-form-item>
    <a-form-item label="排序号">
      <a-input-number :min="1" :precision="0" v-model="modal.form.sortOrder" placeholder="排序号"
        :style="{ width: '100%', textAlign: 'center', display: 'inline-block' }" />
    </a-form-item>
  </a-form>
</template>

<script>
  export default {
    name: 'ProductListEdit',
    props: {
      modal: {
        type: Object,
        required: true
      },
      companyList: {
        type: Array,
        required: true
      },
      productTypeList: {
        type: Array,
        required: true
      }
    }
  }
</script>